<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>流出申请</title>
    <meta name="keywords" content="流出申请" />
    <meta name="description" content="流出申请" />
    <link href="/static/css/party/style.css" rel="stylesheet" type="text/css">
    <link href="/static/js/party/myfocus/js/mf-pattern/mF_classicHC.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="/static/webjars/layui/css/layui.css"  media="all">
    <script type="application/javascript" src="/static/js/jquery.min.js"></script>
    <script type="application/javascript" src="/static/webjars/layui/layui.all.js"></script>
    <link rel="stylesheet" href="/static/css/party/foot.css"/>
    <link href="/static/css/party/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="/static/css/party/common.css" rel="stylesheet" type="text/css">
    <link href="/static/css/party/common2018.css.css" rel="stylesheet" type="text/css">
    <link href="/static/css/party/iconfont.css" rel="stylesheet" type="text/css">

    <link href="/static/css/party/font-awesome.min.css" rel="stylesheet" type="text/css">
    <script type="application/javascript" src="/static/js/party/template-web.js"></script>
    <script type="application/javascript" src="/static/js/party/template-web-extends.js"></script>
    <script type="application/javascript" src="/static/js/party/boorstap.min.js"></script>
    <script type="application/javascript" src="/static/js/party/common.js"></script>
    <style>
        body{
            background-color: #DEEAEA;
        }

    </style>
</head>
<body>
<div class="padlogo w1200 mt50">
    <div class="danghui fl ml25"><img src="/static/images/party/img/danghui.gif"/></div>
    <div class="logo fl ml20 mt8"><img src="/static/images/party/img/logo.png"/></div>
    <div class="slogo fr"><embed src="/static/images/party/img/donghua.swf" width="600" height="150" wmode="transparent" /></div>
    <div class="clear"></div>
</div>

<div class="w1000 mt60" >
    <ul class="nav" style="text-align: center" id="dingbu">
        <li class="bg2">&nbsp;</li>
        <li class="bg2" style="width: 143px;" party-src="/party/home/index"><a href="javascript:;">首页</a></li>
        <li class="bg2" style="width: 143px" party-src="/party/home/news"><a href="javascript:;">新闻资讯</a></li>
        <li class="bg2" style="width: 143px" party-src="/party/home/education"><a href="javascript:;">教育培训</a></li>
        <li class="bg2" style="width: 143px" party-src="/party/home/service"><a href="javascript:;">服务大厅</a></li>
        <li class="bg2" style="width: 143px" party-src="/party/home/map"><a href="javascript:;">党建地图</a></li>
        <li class="bg2" style="width: 143px"><a href="/party/home/admin" target="_blank">后台管理</a></li>

        <%--<li class="bg2"><a href='/views/party/fore/index1.jsp' target='_blank'>后台管理</a></li>--%>
    </ul>

</div>
<div class='nav_bg w1000 mt30'><img src='/static/images/party/img/nav_bg.png' class='tcenter'/></div>

<div class="clearfix"></div>

<div class="container">

    <div class="row">
        <div class="col-sm-12"> <img src="/static/images/party/img/banner08.png" /></div>
    </div>
    <div class="row" style="margin-top: 25px;">
        <ul id="myTab" class="nav nav-tabs">
            <li><a href="#ios" data-toggle="tab">流出申请</a></li>
            <small class="pull-right" style="line-height: 40px;">请认真填写必填项</small>
        </ul>
        <div id="myTabContent" class="tab-content" style="margin-right:10px;margin-left: 10px; margin-top:1px;">

            <!--流出 -->
            <div class="tab-pane fade in active" id="ios">
                <form id="lcapp" class="layui-form">
                    <div class="row" style="background-color: #F5F5F5; padding: -10px 10px 10px 10px;">
                        <div class="col-sm-12" style="background-color: #DEEAEA; ">
                            <div class="form-group col-md-8 col-md-offset-2">
                                <br /><br /><br />
                                <div class="col-sm-3 text-right" style="line-height: 35px;"><label>姓名：<span class="text-danger">*</span></label> </div>
                                <div class="col-sm-9 " style="margin-bottom: 20px;">
                                    <input type="text" class="form-control required form-control-bg" name="name" placeholder="必填项" data-msg-required="请输入姓名" maxlength="10" id="lcName" />
                                    <input type="hidden" name="UserGuid" id="UserGuid" />
                                </div>
                                <div class="col-sm-3 text-right" style="line-height: 35px;"><label>原党组织：<span class="text-danger">*</span></label> </div>
                                <div class="col-sm-9 " style="margin-bottom: 20px;">
                                    <input type="text" class="form-control required form-control-bg" name="sourceBranch" id="OldOrganization" placeholder="必填项" data-msg-required="请输入原党组织" maxlength="20" />
                                </div>
                                <div class="col-sm-3 text-right" style="line-height: 35px;"><label>流出党组织：<span class="text-danger">*</span></label> </div>
                                <div class="col-sm-9 " style="margin-bottom: 20px;">
                                    <input type="text" class="form-control required form-control-bg" name="flowoutBranch" placeholder="必填项" data-msg-required="请输入流出党组织" maxlength="50" />
                                </div>
                                <div class="col-sm-3 text-right" style="line-height: 35px;"><label>流出党组织联系人：<span class="text-danger">*</span></label> </div>
                                <div class="col-sm-9 " style="margin-bottom: 20px;">
                                    <input type="text" class="form-control required form-control-bg" name="flowoutPerson" placeholder="必填项" data-msg-required="请输入流出党组织联系人" maxlength="10" />
                                </div>
                                <div class="col-sm-3 text-right" style="line-height: 35px;"><label>流出党组织联系方式：<span class="text-danger">*</span></label> </div>
                                <div class="col-sm-9 " style="margin-bottom: 20px;">
                                    <input type="text" class="form-control required form-control-bg" name="flowoutTell" placeholder="必填项" data-msg-required="请输入流出党组织联系方式" maxlength="11" id="phone3" />
                                </div>
                                <div class="col-sm-3 text-right" style="line-height: 35px;"><label>流动原因：<span class="text-danger">*</span></label> </div>
                                <div class="col-sm-9 " style="margin-bottom: 20px;">
                                    <input type="text" class="form-control required form-control-bg" name="reason" placeholder="必填项" data-msg-required="请输入流出党组织" maxlength="50" />
                                </div>
                                <div class="col-sm-3 text-right" style="line-height: 35px;"><label>流动类型：<span class="text-danger">*</span></label> </div>
                                <div class="col-sm-9 " style="margin-bottom: 20px;">
                                    <div class="layui-inline" style="width: 100%;">
                                        <div class="layui-input-inline" style="width: 100%;">
                                            <select name="liuchuType" lay-verify="required" lay-search="" style="width: 100%;">
                                                <option value="省内跨市流动">省内跨市流动</option>
                                                <option value="省内跨市流动">市内流动</option>
                                                <option value="省内跨市流动">跨省流动</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-3 text-right" style="line-height: 35px;"><label>原职业：<span class="text-danger">*</span></label> </div>
                                <div class="col-sm-9 " style="margin-bottom: 20px;">
                                    <input type="text" class="form-control required form-control-bg" name="sourceOccupation" placeholder="必填项" data-msg-required="请输入流出党组织" maxlength="50" />
                                </div>
                                <div class="col-sm-3 text-right" style="line-height: 35px;"><label>申请说明：</label> </div>
                                <div class="col-sm-9 " style="margin-bottom: 20px;">
                                    <textarea class="form-control required form-control-bg" placeholder="请详细介绍您的需求限200字以内" rows="4" name="pExplain" data-msg-required="请输入申请说明" maxlength="200"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
                <div class="col-sm-12 text-center" style=";background-color: #DEEAEA;padding: 30px;">
                    <button type="submit" class="btn btn-danger btn-default" style="margin-right: 20px;" id="submit"> 提 交 </button>
                    <button type="button" class="btn btn-danger btn-default" id="reset"> 重 置 </button>
                </div>
            </div>
        </div>
    </div>
</div>



<div id="ft" class="clearfix">
    <div class="ft-center">
        <span>智慧兴文公共信息平台:&nbsp;</span>
        <a>All Rights Reserved.&nbsp;&nbsp;</a>
        <span>版权所有:&nbsp;</span>
        <a href="http://www.ituohui.com/" target="_blank">四川省数聚汇智科技有限公司</a>
    </div>
</div>



</body>
</html>
<script type="application/javascript">
    $("li[party-src]").click(function(){
        var that = $(this);
        var src = that.attr("party-src");
        window.location.href = src;
    });
</script>

<script>
    layui.use('form', function(){
        var form = layui.form;
        form.render();
    });

</script>

<script type="application/javascript">
    $(function () {
        $("#submit").click(function () {
            var params = $("#lcapp").serializeObject();
            console.log(params);

            $.post("/ajax/party/saveliuchu",{
                name:params.name,
                sourceBranch:params.sourceBranch,
                flowoutBranch:params.flowoutBranch,
                flowoutPerson:params.flowoutPerson,
                flowoutTell:params.flowoutTell,
                reason:params.reason,
                type:params.liuchuType,
                sourceOccupation:params.sourceOccupation,
                pExplain:params.pExplain
            },function (res) {
                if(res.code==0){
                    layer.alert("提交成功，请耐心等候！");
                }
            });
        })

        $("#reset").click(function () {
            document.getElementById("lcapp").reset();
        })
    })

</script>